<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta
    name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"
  />
    <title>Document</title>
    <script src="./adapter.js"></script>
    <style>
        .box{
            /* px和rem之前的换算比例是100  100px = 1rem */
            /* 设备的最宽宽度不能超过7.5rem */
            width: 1rem;
            height: 1rem;
            background-color: red;

            /* 设计稿上量的大小是是150px 在实际布局写代码的时候写1.5rem  浏览器会根据rem的值 自动转换px */
        }
    </style>
</head>
<body>
    <div class="box"></div>
</body>
</html>